<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        ul {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            font-size: 20px;
            list-style: none;
            padding-left: 0;
        }

        li {
            white-space: nowrap;
            overflow: hidden;
            /* 文本溢出就变成省略号 */
            text-overflow: ellipsis;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>

    <ul>
        <li>比特币价格大幅走高原因是什么？未来走势如何？</li>
        <li>铭记30#追寻先烈足迹辽宁在行动 #新时代六地辽宁杠杠滴</li>
        <li>中美日激光武器距离对比：美国5000米，日本1200米，中国令人惊喜</li>
        <li>女子麦当劳内咆哮式辱骂一男孩：后续警察赶到，男孩家长并未就此妥协</li>
    </ul>
    
</body>
</html>